layui.use(['layer', 'form', 'admin', 'ax', 'formSelects', 'laydate', 'table'], function () {
    var $ = layui.jquery;
    var $ax = layui.ax;
    var form = layui.form;
    var table = layui.table;
    var admin = layui.admin;
    var layer = layui.layer;
    var laydate = layui.laydate;
    var formSelects = layui.formSelects;

    //渲染时间选择框
    laydate.render({
        elem: '#riqi',
        tiger: 'click',
    });
    laydate.render({
        elem: '#facheTime', //指定元素
        type: 'datetime', // 可选择：年、月、日、时、分、秒
        format: 'yyyy-MM-dd HH:mm:ss', //指定时间格式
        trigger: 'click',
    });


    $('#btnExp').click(function () {
        //var dm=formSelects.value('peisongMendian', 'nameStr');
        depart_input_focus_handler();

    });

    // 搜索按钮点击事件
    $('#fymxSearch').click(function () {
        search();
    });
    function search() {
        var queryData = {};
        queryData['pslx'] = $("#pslx").val();
        table.reload('department_result',{
            where: queryData, page: {curr: 1}
        });
    };

    var department_result_table_options = {
        elem: '#department_result'
        , url: '/yfmx/getPslx'
        , method: 'get'
        , title: '路线列表'
        , cols: [[
            {field: 'psxlmc', title: '路线', width: 300}
            , {field: 'wfgl', title: '公里数', width: 100}
            , {field: 'yj', title: '运价', width: 100}
            , {fixed: 'right', title: '操作', toolbar: '#hidden1-table-tool', width: 80}]]
    };

    // part 2: 让layui渲染页面
    table.render(department_result_table_options); // 渲染页面上的table. table中 的数据是通过 ajax 请求从后台获取。

    // part 3: 让 layui 为页面的元素绑定事件处理函数
    table.on('tool(department_result)', department_tool_event_handler); // 为页面上的table上的tool绑定事件处理函数

    // part 4: 为输入框绑定光标聚焦事件的触发该函数，
    $('#btyYfmxId').focus(depart_input_focus_handler);


    // 输入框的光标聚焦事件的触发函数， 弹出弹层，弹层上显示所有的历史路线，以供选择。
    function depart_input_focus_handler() {
        layer.open({
            type: 1
            , area: ['600px', '450px']
            , content: $('#hidden1')
            , success: function () {
                // 重新加载表格中的数据
                table.reload('department_result', department_result_table_options);
                $('#hidden1').css('display', 'block');
            }
        });
    }

    //点击弹出的“历史路线”弹层上的表格中“选中”按钮的触发函数
    function department_tool_event_handler(obj) {
        var data = obj.data;
        switch (obj.event) {
            case 'select':
                $('#btyYfmxId').val(data.id);
                if(data.psxlmc.indexOf("(")!=-1){
                    let bz = str_after(data.psxlmc, "(");
                    bz = str_before(bz, ")");
                    $('#bz').val(bz);
                }

                let mc = str_before(data.psxlmc, "(");

                formSelects.value('peisongMendian', (mc).split(","));
                layer.close(layer.index);
                break;
        }
    }

    /*
  string 字符串;
  str 指定字符;
  split(),用于把一个字符串分割成字符串数组;
  split(str)[0],读取数组中索引为0的值（第一个值）,所有数组索引默认从0开始;
 */
    function str_before(string, str) {
        //alert(string.split(str));
        var str_before = string.split(str)[0];
        return str_before;
        //alert('前：'+str_before+' - 后：'+str_after);
    }

    function str_after(string, str) {
        var str_after = string.split(str)[1];
        return str_after;
    }

    /**
     * 获取车号
     */
    var qyAjax = new $ax(Feng.ctxPath + "/checi/cheliangList");
    var qyResult = qyAjax.start();
    $.each(qyResult, function (index, val) {
        $("#chehao").append("<option value='" + val.id + "'>" + val.chehao + "</option>");
    });
    form.render('select');

    var qyAjax = new $ax(Feng.ctxPath + "/checi/dmList");
    //qyAjax.set("qy", data.value);
    var qyResult = qyAjax.start();
    //
    $("#peisongMendian").html("");
    $.each(qyResult, function (index, val) {
        $("#peisongMendian").append("<option value='"+val.dm+"'>"+val.dm+"</option>");
    });
    formSelects.render('peisongMendian');

    // formSelects.on('peisongMendian', function(id, vals, val, isAdd, isDisabled){
    //     //id:           点击select的id
    //     //vals:         当前select已选中的值
    //     //val:          当前select点击的值
    //     //isAdd:        当前操作选中or取消
    //     //isDisabled:   当前选项是否是disabled
    //     var dm=formSelects.value('peisongMendian', 'nameStr');
    //     var areaAjax = new $ax(Feng.ctxPath + "/yfmx/getPslxByDm");
    //     areaAjax.set("dm", dm);
    //     var areaResult = areaAjax.start();
    //     $("#btyYfmxId").html("");
    //     $("#btyYfmxId").append("<option value=''>请选择</option>");
    //     $.each(areaResult, function (index, val) {
    //         $("#btyYfmxId").append("<option value='" + val.id + "'>" + val.psxlmc + "</option>");
    //     });
    //     form.render('select');
    //     var btyYfmxId=$("#btyYfmxId").val();
    //     if(btyYfmxId==""){
    //         $("#gls").val("");
    //         $("#yj").val("");
    //     }
    // }, true);


    // form.on('select(btyYfmxId)', function (data) {
    //     var id = data.value;
    //     var areaAjax = new $ax(Feng.ctxPath + "/yfmx/info");
    //     areaAjax.set("id", id);
    //     var areaResult = areaAjax.start();
    //     $("#gls").val(areaResult.wfgl);
    //     $("#yj").val(areaResult.yj);
    // });

    /**
     * 检索省
     */
    var qyAjax = new $ax(Feng.ctxPath + "/area/getAreaByType?type=2");
    var qyResult = qyAjax.start();
    $.each(qyResult, function (index, val) {
        $("#qy").append("<option value='" + val.id + "'>" + val.simpleName + "</option>");
    });
    form.render('select');
    /**
     * 根据省检索市
     */
    form.on('select(qy)', function (data) {
        var qy = data.value;
        var areaAjax = new $ax(Feng.ctxPath + "/area/getAreaByPid");
        areaAjax.set("pid", qy);
        var areaResult = areaAjax.start();
        $("#peisongLuxian").html("");
        $("#peisongLuxian").append("<option value=''>请选择</option>");
        $.each(areaResult, function (index, val) {
            $("#peisongLuxian").append("<option value='" + val.simpleName + "'>" + val.simpleName + "</option>");
        });
        form.render('select');
    });
    // /**
    //  * 根据市检索对应的门店
    //  */
    // form.on('select(peisongLuxian)', function (data) {
    //     var qyAjax = new $ax(Feng.ctxPath + "/checi/dmList");
    //     qyAjax.set("qy", data.value);
    //     var qyResult = qyAjax.start();
    //     //
    //     $("#peisongMendian").html("");
    //     $.each(qyResult, function (index, val) {
    //         $("#peisongMendian").append("<option value='" + val.dm + "'>" + val.dm + "</option>");
    //     });
    //     formSelects.render('peisongMendian');
    // });
    //获取通知信息
    var ajax = new $ax(Feng.ctxPath + "/checi/info?id=" + Feng.getUrlParam("id"));
    var result = ajax.start();

    var sheng = result.sheng;
    //根据省获取市
    var areaAjax = new $ax(Feng.ctxPath + "/area/getAreaByPid");
    areaAjax.set("pid", sheng);
    var areaResult = areaAjax.start();
    $("#peisongLuxian").html("");
    $.each(areaResult, function (index, val) {
        $("#peisongLuxian").append("<option value='" + val.simpleName + "'>" + val.simpleName + "</option>");
    });
    form.render('select');
    var qy = result.peisongLuxian;
    //根据市获取对应的门店
    var qyAjax = new $ax(Feng.ctxPath + "/checi/dmList");
    qyAjax.set("qy", qy);
    var qyResult = qyAjax.start();
    $("#peisongMendian").html("");
    $.each(qyResult, function (index, val) {
        $("#peisongMendian").append("<option value='" + val.dm + "'>" + val.dm + "</option>");
    });
    formSelects.render('peisongMendian');

    form.val('noticeForm', result);
    //回填店名
    formSelects.value('peisongMendian', (result.peisongMendian).split(","));

    // 表单提交事件
    form.on('submit(btnSubmit)', function (data) {
        var ajax = new $ax(Feng.ctxPath + "/checi/update", function (data) {
            Feng.success("修改成功！");

            //传给上个页面，刷新table用
            admin.putTempData('formOk', true);

            //关掉对话框
            admin.closeThisDialog();

        }, function (data) {
            Feng.error("修改失败！" + data.responseJSON.message)
        });
        ajax.set(data.field);
        ajax.start();

        //添加 return false 可成功跳转页面
        return false;
    });

});